*{
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 顶部样式 */
.title{
  background-color: #000;
  height: 36px;
}
.title .title_content{
  width: 1200px;
  margin: 0 auto;
  background-color: #000;
}
/* 给ul列表设置右浮动 */
.title .title_content ul{
  float: right;
}
/* 清除浮动 */
/* 给子元素设置浮动 一定要给父元素清除浮动 */
.title .title_content::after{
  content: "";
  display: block;
  clear: both;
}
/* li设置左浮动 */
.title .title_content ul li{
  float: left;
  /* 垂直居中 */
  line-height: 36px;

}
/* 给ul清除浮动 */
.title .title_content ul::after{
  content: "";
  display: block;
  clear: both;
}
.title .title_content ul li a{
  color: white;
  text-decoration: none;
  /* font-size: 14px; */
  padding: 0 1em;
  border-right: 1px solid white;
}
.title .title_content ul li:last-child a{
  border-right: none;
}
/* 顶部结束 */






/* logo搜索框开始 */
.container{
  background-color: rgb(237, 187, 187);
  margin-top: 20px;
  height: 120px;
}
.container .container_parent{
  width: 1200px;
  margin: 0 auto;
  height: 120px;
  /* background-color: lemonchiffon; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.container .container_parent .top{
  height:60px;
  /* background-color: lavender; */
  display: flex;
  justify-content: space-between;

}
.container .container_parent .bottom{
  height: 24px;
  background-color: lightgray;

}
/* 网易严选 logo */
.container .container_parent .top .logo{
  width: 212px;
  height: 60px;
  background-color: darkcyan;
  background: url(https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x1/icon-yxtop-s1ec226323c-5e4f7cf5a5.png);
  background-position: 0 -298px;
}
/* 搜素框 */
.container .container_parent .top .search{
  width: 532px;
  height: 60px;
  background-color: plum;
  display: flex;
}
.container .container_parent .top .search .left{
  width: 442px;
  height: 38px;
  /* background-color: rgb(168, 191, 198); */
  border: 1px solid #CC9756;
  border-bottom-left-radius: 19px;
  border-top-left-radius: 19px;
}
.container .container_parent .top .search .right{
  width: 90px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  background-color: #CC9756;
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
  cursor: pointer;
  color: white;
}
.container .container_parent .top .search .left input{
  display: inline-block;
  width: 388px;
  height: 38px;
  margin-left: 20px;
  outline: none;
  border: 0;
}


/* 购物车 */
.container .container_parent .top .buy{
  width: 134px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border-radius: 19px;
  background-color: skyblue;
}
/* logo搜索框结束 */


/* 列表开始 */
.container .container_parent .bottom ul{
  display: flex;
  justify-content: space-between;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
}
.container .container_parent .bottom>ul>li>div{
  width: 1200px;
  height: 400px;
  background-color: lightblue;
  position: absolute;
  color: #000;
  display: none;
}
.container .container_parent .bottom ul li:hover div{
  display: block;
}
.container .container_parent .bottom>ul>li>div>dl{
  display: flex;
  justify-content: space-between;
}
.container .container_parent .bottom ul li:hover{
  color: #CC9756;
  /* 游标——小手 */
  cursor: pointer;
  border-bottom: 1px solid #CC9756;
}



/* 轮播图开始 */
.swipe{
  height: 420px;
  background-color: #eee;
}
.swipe .swipe_img{
  width: 1940px;
  height: 420px;
  margin: 0 auto;
  overflow-x: hidden;
  /* background-color: papayawhip; */

}
.swipe .swipe_img{
  width: 1940px;
  height: 420px;
}
/* 轮播结束 */


/* 新品首发开始 */
.cube{
  height:413px;
  background-color: white;
  margin-top: 20px;
  /* background-color: lavenderblush; */
}
.cube .cube_parent{
  width: 1200px;
  height: 413px;
  /* background-color:paleturquoise; */
  margin: 0 auto;
}
.cube .cube_parent .top{
  height:28px;
  margin-bottom: 20px;
  /* background-color: lightcoral; */
  display: flex;
  justify-content: space-between;
}
.cube .cube_parent .top .new{
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.cube .cube_parent .top .new:hover{
  color: #CC9756;
  cursor: pointer;
}

.cube .cube_parent .bottom{
  height: 365px;
  /* background-color: palegreen; */
  display: flex;
}
.cube .cube_parent .bottom>div:hover{
  /* background-color: #CC9756; */
  /* 设置盒子阴影 */
  box-shadow: 5px 5px 5px #CC9756;

}
.cube .cube_parent .bottom>div{
  width: 295px;
  height: 365px;
  background-color: lightblue;
  margin-left: 10px;
}
.cube .cube_parent .bottom>div:first-child{
  margin-left: 0px;
}
.cube .cube_parent .bottom>div .photo{
  height: 265px;
  /* background-color: lightcoral; */
  background: url(https://yanxuan-item.nosdn.127.net/8691e6707f14fdf26bba91098f9a4381.jpg?type=webp&quality=95&thumbnail=265x265&imageView);
}
.cube .cube_parent .bottom>div .text{
  height: 100px;
  background-color: pink;
  display: flex;
  flex-direction: column;
  /* justify-content: centaer; */
  align-items: center;
  justify-content: space-around;
  /* margin-bottom: 10px; */
}
.cube .cube_parent .bottom>div .photo:hover{
  background: url(https://yanxuan-item.nosdn.127.net/00d9081141c587d54b2866d7ae8a7a0c.jpg?type=webp&quality=95&thumbnail=265x265&imageView);
}

/* 新品首发结束 */





/* 侧边栏开始 */
aside.left{
  width: 100px;
  height: 300px;
  position: sticky;
  top: 50px;
  background-color: lawngreen;
  float: left;
  /* left: 200px; */
}
aside.right{
  width: 100px;
  height: 300px;
  position: sticky;
  top: 50px;
  background-color: lawngreen;
  float: right;

}
/* 侧边栏结束 */
